<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<title>Gatling Stats - request_11</title>
</head>
<body>
<div class="frise"></div>
<div class="container details">
	<div class="head">
		<a href="http://gatling-tool.org" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.png"/></a>
	</div>
	<div class="main">
		<div class="cadre">
				<div class="onglet">
					<img src="style/cible.png" />
					<p>Simulation:&nbsp;<span>stress01 on 2012-10-31 00:13:15</span></p>
				</div>
				<div class="content">
					<div class="sous-menu">
						<div class="item"><a href="index.html">GLOBAL</a></div>
						<div class="item ouvert"><a id="details_link" href="#">DETAILS</a></div>
						<p class="sim_desc">1000 users searching 10 x for RUC, 2000 users reading page quotSobrequot, 1000 users searching 10 x for name</p>
					</div>
					<div class="content-in">
						<h1><span>> </span>request_11</h1>
						<div class="article">
							
						<div class="infos">
							<div class="titre">STATISTICS</div>
							<div class="infos-in">
								<div class="repli"></div>								
								<div class="info">
									<h2 class="first">Executions</h2>
									<table>
										<thead>
											<tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
										</thead>
										<tbody>
											<tr>
												<td class="title"></td>
												<td id="numberOfRequests" class="total"></td>
												<td id="numberOfRequestsOK" class="ok"></td>
												<td id="numberOfRequestsKO" class="ko"></td>
											</tr>
										</tbody>
									</table>
									<h2 class="second">Response Time (ms)</h2>
									<table>
										<thead>
											<tr>
												<th></th>
												<th>Total</th>
												<th>OK</th>
												<th>KO</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td class="title">Min</td>
												<td id="minResponseTime" class="total"></td>
												<td id="minResponseTimeOK" class="ok"></td>
												<td id="minResponseTimeKO" class="ko"></td>
											</tr>
											<tr>
												<td class="title">Max</td>
												<td id="maxResponseTime" class="total"></td>
												<td id="maxResponseTimeOK" class="ok"></td>
												<td id="maxResponseTimeKO" class="ko"></td>
											</tr>
											<tr>
												<td class="title">Mean</td>
												<td id="meanResponseTime" class="total"></td>
												<td id="meanResponseTimeOK" class="ok"></td>
												<td id="meanResponseTimeKO" class="ko"></td>
											</tr>
											<tr>
												<td class="title">Std Deviation</td>
												<td id="standardDeviation" class="total"></td>
												<td id="standardDeviationOK" class="ok"></td>
												<td id="standardDeviationKO" class="ko"></td>
											</tr>
											<tr>
												<td class="title">95th percentile</td>
												<td id="percentiles1" class="total"></td>
												<td id="percentiles1OK" class="ok"></td>
												<td id="percentiles1KO" class="ko"></td>
											</tr>
											<tr>
												<td class="title">99th percentile</td>
												<td id="percentiles2" class="total"></td>
												<td id="percentiles2OK" class="ok"></td>
												<td id="percentiles2KO" class="ko"></td>
											</tr>
											<tr>
												<td class="title">Mean req/s</td>
												<td id="meanNumberOfRequestsPerSecond" class="total"></td>
												<td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
												<td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>						<div class="schema demi">
							<div id="container_indicators" class="demi"></div>
						</div>						<div class="schema geant">
							<div id="container" class="geant"></div>
						</div>						<div class="schema geant">
							<div id="container_distrib" class="geant"></div>
						</div>						<div class="schema geant">
							<div id="container_latency" class="geant"></div>
						</div>						<div class="schema geant">
							<div id="container_dispersion" class="geant"></div>
						</div>
						</div>
					</div>
				</div>
		</div>
	</div>
	<div class="nav">
		<ul></ul>
	</div>
</div>
<div class="foot">
	<a href="http://gatling-tool.org" title="Gatling Home Page"><img alt="Gatling" src="style/logo-gatling.jpg"/></a>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript" src="js/all_sessions.js"></script>
<script type="text/javascript" src="js/stats.js"></script>
<script type="text/javascript" src="js/highcharts.js"></script>
<script type="text/javascript" src="js/highstock.js"></script>
<script type="text/javascript" src="js/highcharts-more.js"></script>
<script type="text/javascript" src="js/theme.js"></script>
<script type="text/javascript">

	var pageStats = stats.request_11;
	$(document).ready(function() {
		setDetailsLinkUrl();
				setDetailsMenu();
				setActiveMenu();
		fillStats(pageStats);
		
Highcharts.setOptions({
	global: {
		useUTC: false
	}
});

var indicatorsChart = new Highcharts.Chart({
	chart: {
		renderTo: 'container_indicators',
		marginRight: 150
	},
	credits: {
		enabled: false
	},
	legend: {
		enabled: false
	},
	title: {
	 text: 'A title to let highcharts reserve the place for the title set later'
	},
	xAxis: {
		categories: [pageStats.group1.name,pageStats.group2.name,pageStats.group3.name,pageStats.group4.name]
	},
	yAxis: {
		title: {
			text: 'Number of Requests'
		}
	},
	tooltip: {
		formatter: function() {
			var s;
			if (this.point.name) { // the pie chart
				s = ''+ this.point.name +': '+ this.y +' requests';
			} else {
				s = ''+ this.y + ' requests';
			}
			return s;
		}
	},
	plotOptions: {
		series: {
			stacking: 'normal'
		}
	},
	series: [
		{
			type: 'column',
			color: '#A0B228',
			data: [pageStats.group1.count,0,0,0],
			tooltip: { yDecimals: 0, ySuffix: 'ms' }
		},
		{
			type: 'column',
			color: '#FFDD00',
			data: [0,pageStats.group2.count,0,0],
			tooltip: { yDecimals: 0, ySuffix: 'ms' }
		},
		{
			type: 'column',
			color: '#FF9D00',
			data: [0,0,pageStats.group3.count,0],
			tooltip: { yDecimals: 0, ySuffix: 'ms' }
		},
		{
			type: 'column',
			color: '#FF0000',
			data: [0,0,0,pageStats.group4.count],
			tooltip: { yDecimals: 0, ySuffix: 'ms' }
		},
		{
			type: 'pie',
			name: 'Percentages',
			data: [
				{
					name: pageStats.group1.name,
					y: pageStats.group1.percentage,
					color: '#A0B228'
				},
				{
					name: pageStats.group2.name,
					y: pageStats.group2.percentage,
					color: '#FFDD00'
				},
				{
					name: pageStats.group3.name,
					y: pageStats.group3.percentage,
					color: '#FF9D00'
				},
				{
					name: pageStats.group4.name,
					y: pageStats.group4.percentage,
					color: '#FF0000'
				}
			],
			center: [500, 85],
			size: 100,
			showInLegend: false,
			dataLabels: { enabled: false }
		}
	]
});

indicatorsChart.setTitle({
	text: '<span class="chart_title">Indicators</span>',
	useHTML: true
});

var responseTimeChart = new Highcharts.StockChart({
	chart: {
		renderTo: 'container',
		zoomType: 'x'
	},
	credits: {
		enabled: false
	},
	legend: {
		enabled: true,
		floating: true,
		y: -285,
		borderWidth: 0
	},
	title: {
		text: 'A title to let highcharts reserve the place for the title set later'
	},
	rangeSelector: {
		buttons : [{
		type : 'minute',
		count : 1,
		text : '1m'
	}, {
		type : 'minute',
		count : 10,
		text : '10m'
	}, {
		type : 'hour',
		count : 1,
		text : '1h'
	}, {
		type : 'all',
		count : 1,
		text : 'All'
	}],
	selected : 3,
	inputEnabled : false
	},
	xAxis: {
		type: 'datetime',
		ordinal: false,
		maxZoom: 10000 // three days
	},
	yAxis:[
	{
		min: 0,
		title: {
			text: 'Response Time (ms)',
			style: {
				color: '#4572A7'
			}
		}
	}, {
		min: 0,
		title: {
			text: 'Active Sessions',
			style: {
				color: '#FF9D00'
			}
		},
		opposite: true
	}],
    plotOptions: {
        arearange: {
            lineWidth: 1
        }
    },
	series: [
		{
		color: '#4572A7'
, pointInterval: 1000
, name: 'Response Time (success)'
, data: [
[1351653199573,0,30],[1351653200573,0,40],[1351653201573,0,70],[1351653202573,0,60],[1351653203573,0,120],[1351653204573,0,60],[1351653205573,0,120],[1351653206573,0,0],[1351653207573,0,0],[1351653208573,0,540],[1351653209573,0,120],[1351653210573,0,30],[1351653211573,0,60],[1351653212573,0,110],[1351653213573,0,150],[1351653214573,0,160],[1351653215573,0,220],[1351653216573,0,230],[1351653217573,0,130],[1351653218573,0,310],[1351653219573,0,170],[1351653220573,0,950],[1351653221573,180,1080],[1351653222573,0,1280],[1351653223573,0,390],[1351653224573,0,260],[1351653225573,0,420],[1351653226573,0,830],[1351653227573,0,770],[1351653228573,0,1120],[1351653229573,0,1010],[1351653230573,0,780],[1351653231573,0,400],[1351653232573,0,160],[1351653233573,0,290],[1351653234573,0,630],[1351653235573,0,870],[1351653236573,0,860],[1351653237573,0,1480],[1351653238573,180,1390],[1351653239573,100,830],[1351653240573,0,810],[1351653241573,0,1090],[1351653242573,0,1430],[1351653243573,820,1950],[1351653244573,880,2810],[1351653245573,1230,2600],[1351653246573,1580,2510],[1351653247573,1250,2590],[1351653248573,1520,3200],[1351653249573,1790,3110],[1351653250573,1740,2780],[1351653251573,1730,2260],[1351653252573,1820,2590],[1351653253573,1540,2950],[1351653254573,1280,2650],[1351653255573,1830,2740],[1351653256573,1850,2440],[1351653257573,1590,2290],[1351653258573,1550,2370],[1351653259573,1210,2360],[1351653260573,1050,2310],[1351653261573,1340,2850],[1351653262573,1870,2830],[1351653263573,1930,3500],[1351653264573,1900,3380],[1351653265573,1680,3020],[1351653266573,1860,2900],[1351653267573,1630,3040],[1351653268573,1770,3080],[1351653269573,1700,2990],[1351653270573,1920,2300]]
, type: 'arearange'
, tooltip: { yDecimals: 0, ySuffix: 'ms' }
, yAxis: 0
	},
			allSessionsData
	]
});

responseTimeChart.setTitle({
	text: '<span class="chart_title chart_title_">Response Time during Simulation</span>',
	useHTML: true
});

var responseTimeDistributionChart = new Highcharts.Chart({
	chart: {
		renderTo: 'container_distrib',
		type: 'column'
	},
	credits: {
		enabled: false
	},
	legend: {
		enabled: true,
		floating: true,
		y: -285,
		borderWidth: 0
	},
	title: {
		text: 'A title to let highcharts reserve the place for the title set later'
	},
	xAxis: {
		categories: ['18', '53', '88', '123', '158', '193', '228', '263', '298', '333', '368', '403', '438', '473', '508', '543', '578', '613', '648', '683', '718', '753', '788', '823', '858', '893', '928', '963', '998', '1033', '1068', '1103', '1138', '1173', '1208', '1243', '1278', '1313', '1348', '1383', '1418', '1453', '1488', '1523', '1558', '1593', '1628', '1663', '1698', '1733', '1768', '1803', '1838', '1873', '1908', '1943', '1978', '2013', '2048', '2083', '2118', '2153', '2188', '2223', '2258', '2293', '2328', '2363', '2398', '2433', '2468', '2503', '2538', '2573', '2608', '2643', '2678', '2713', '2748', '2783', '2818', '2853', '2888', '2923', '2958', '2993', '3028', '3063', '3098', '3133', '3168', '3203', '3238', '3273', '3308', '3343', '3378', '3413', '3448', '3483'],
		tickInterval: 20
	},
	yAxis: {
		min: 0,
		title: {
			text: 'Percentage of Requests'
		}
	},
	tooltip: {
		formatter: function() {
			return '<b>'+ this.x +' ms</b><br/>'+
			this.series.name +': '+ this.y +' %<br/>'+
			'Total: '+ this.point.stackTotal + ' %';
		}
	},
	plotOptions: {
		series: {
			groupPadding: 0,
			stacking: 'normal'
		}
	},
	series: [
		{
		type: 'column'
, color: '#4572A7'
, name: 'Success'
, data: [
27,3,3,2,2,1,2,1,1,1,2,1,1,1,1,1,2,1,1,1,1,0,1,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,1,1,1,1,1,1,1,1,1,2,1,2,1,2,1,2,1,2,1,2,1,1,1,1,0,0,0,0,0,1,0,1,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]
, tooltip: { yDecimals: 0, ySuffix: 'ms' }	},
		{
		type: 'column'
, color: '#FF0000'
, name: 'Failure'
, data: [
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]
, tooltip: { yDecimals: 0, ySuffix: 'ms' }	},
		]
});

responseTimeDistributionChart.setTitle({
	text: '<span class="chart_title">Response Time Distribution</span>',
	useHTML: true
});

var latencyChart = new Highcharts.StockChart({
	chart: {
		renderTo: 'container_latency',
		zoomType: 'x'
	},
	credits: {
		enabled: false
	},
	legend: {
		enabled: true,
		floating: true,
		y: -285,
		borderWidth: 0
	},
	title: {
		text: 'A title to let highcharts reserve the place for the title set later'
	},
	rangeSelector: {
		buttons : [{
		type : 'minute',
		count : 1,
		text : '1m'
	}, {
		type : 'minute',
		count : 10,
		text : '10m'
	}, {
		type : 'hour',
		count : 1,
		text : '1h'
	}, {
		type : 'all',
		count : 1,
		text : 'All'
	}],
	selected : 3,
	inputEnabled : false
	},
	xAxis: {
		type: 'datetime',
		ordinal: false,
		maxZoom: 10000 // three days
	},
	yAxis:[
	{
		min: 0,
		title: {
			text: 'Latency (ms)',
			style: {
				color: '#4572A7'
			}
		}
	}, {
		min: 0,
		title: {
			text: 'Active Sessions',
			style: {
				color: '#FF9D00'
			}
		},
		opposite: true
	}],
    plotOptions: {
        arearange: {
            lineWidth: 1
        }
    },
	series: [
		{
		color: '#4572A7'
, pointInterval: 1000
, name: 'Latency (success)'
, data: [
[1351653199573,0,0],[1351653200573,0,10],[1351653201573,0,30],[1351653202573,0,30],[1351653203573,0,80],[1351653204573,0,10],[1351653205573,0,110],[1351653206573,0,0],[1351653207573,0,0],[1351653208573,0,540],[1351653209573,0,120],[1351653210573,0,30],[1351653211573,0,10],[1351653212573,0,110],[1351653213573,0,150],[1351653214573,0,140],[1351653215573,0,220],[1351653216573,0,230],[1351653217573,0,110],[1351653218573,0,310],[1351653219573,0,120],[1351653220573,0,920],[1351653221573,180,1080],[1351653222573,0,1280],[1351653223573,0,390],[1351653224573,0,260],[1351653225573,0,420],[1351653226573,0,830],[1351653227573,0,770],[1351653228573,0,1100],[1351653229573,0,960],[1351653230573,0,750],[1351653231573,0,400],[1351653232573,0,150],[1351653233573,0,280],[1351653234573,0,630],[1351653235573,0,800],[1351653236573,0,860],[1351653237573,0,1460],[1351653238573,180,1350],[1351653239573,80,790],[1351653240573,0,770],[1351653241573,0,1040],[1351653242573,0,1420],[1351653243573,740,1920],[1351653244573,880,2550],[1351653245573,1230,2550],[1351653246573,1570,2490],[1351653247573,1250,2590],[1351653248573,1510,3180],[1351653249573,1770,3100],[1351653250573,1730,2770],[1351653251573,1730,2260],[1351653252573,1810,2590],[1351653253573,1540,2920],[1351653254573,1260,2640],[1351653255573,1820,2720],[1351653256573,1820,2440],[1351653257573,1570,2290],[1351653258573,1540,2370],[1351653259573,1180,2350],[1351653260573,1050,2310],[1351653261573,1340,2850],[1351653262573,1870,2830],[1351653263573,1920,3480],[1351653264573,1900,3380],[1351653265573,1660,3020],[1351653266573,1850,2900],[1351653267573,1630,3030],[1351653268573,1750,3080],[1351653269573,1700,2990],[1351653270573,1920,2290]]
, type: 'arearange'
, tooltip: { yDecimals: 0, ySuffix: 'ms' }
, yAxis: 0
	},
			allSessionsData
	]
});

latencyChart.setTitle({
	text: '<span class="chart_title chart_title_">Latency during Simulation</span>',
	useHTML: true
});

var scatterChart = new Highcharts.Chart({
	chart: {
		renderTo: 'container_dispersion', 
		defaultSeriesType: 'scatter',
		zoomType: 'xy'
	},
	credits: {
		enabled: false
	},
	xAxis: {
		title: {
			enabled: true,
			text: 'Global number of requests per second'
		},
		startOnTick: true,
		endOnTick: true,
		showLastLabel: true
	},
	title: {
		text: 'A title to let highcharts reserve the place for the title set later'
	},
	yAxis: {
		min: 0,
		title: {
			text: 'Response time'
		}
	},
	tooltip: {
		formatter: function() {
				 return ''+
			this.y +' ms at ' + this.x + ' allreq/s';
		}
	},
	legend: {
		enabled: false
	},
	plotOptions: {
		scatter: {
			marker: {
			radius: 3,
			states: {
				hover: {
					enabled: true,
					lineColor: 'rgb(100,100,100)'
				}
			}
		},
		states: {
			hover: {
				marker: {
				   enabled: false
				}
			}
			}
		}
	},
	series: [{
		type: 'scatter'
, color: 'rgba(69, 114, 167, .2)'
, name: 'Successes'
, data: [
[540,30],[688,40],[722,120],[737,70],[837,60],[850,120],[863,0],[866,3380],[867,0],[874,60],[877,2780],[899,2300],[900,2900],[957,3080],[965,60],[967,30],[980,2990],[987,120],[1021,3020],[1029,110],[1038,150],[1052,3040],[1113,3500],[1119,2830],[1137,2290],[1161,230],[1165,2440],[1174,160],[1189,2370],[1194,2740],[1197,540],[1221,220],[1223,2360],[1228,2950],[1298,2590],[1313,390],[1333,2650],[1340,400],[1359,130],[1360,2310],[1364,170],[1369,2590],[1375,1080],[1414,2260],[1423,830],[1437,3110],[1442,160],[1471,1280],[1472,3200],[1489,290],[1496,780],[1525,260],[1541,2510],[1561,2850],[1584,830],[1587,310],[1587,420],[1614,1090],[1623,1010],[1660,1120],[1727,770],[1733,2810],[1748,630],[1755,2600],[1794,860],[1811,810],[1830,870],[1849,1950],[1904,1390],[1991,1480],[2153,950],[2183,1430]]		}, {
		type: 'scatter'
, color: 'rgba(255, 0, 0, .2)'
, name: 'Failures'
, data: [
[]]	} ]
});

scatterChart.setTitle({
	text: '<span class="chart_title">Response Time against the Global Number of Requests per Second</span>',
	useHTML: true
});

	});

</script>
</body>
</html>